<template>
  <router-view />
</template>

<script>
// import HomeNavbar from './components/HomeNavbar.vue';
export default {
  name: 'App',
  components: {

  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
a {
  text-decoration: none; /* 去掉下划线 */
  color: rgba(255, 255, 255, 1); /* 链接颜色 */
  display: block; /* 使链接占满整个列表项 */
}
/* 日期选择器的整体样式 */
.flatpickr-calendar {
  border: 1px solid #ccc; /* 边框颜色 */
  border-radius: 8px; /* 边框圆角 */
}
/* 月份 */
.flatpickr-months{
  background-color: #e9ecef;
  //background-color: #E0EEFC;
  font-size: 11px;
}
/* 星期 */
.flatpickr-weekdays {
  //background-color: #e9ecef;
  background-color: #E0EEFC;
  font-size: 14.5px;
}
/* 每天 */
.flatpickr-day {
  color: #333;
  border-radius: 4px;
}
/* 悬停或聚焦的日期样式 */
.flatpickr-day:hover,
.flatpickr-day:focus {
  background-color: #f0f0f0; /* 鼠标悬停颜色 */

}
/* 月份选择按钮的样式 */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: #333;
}

/* 当前选择的日期样式 */
.flatpickr-day.selected {
  background-color: rgba(238, 113, 62, 1);
  color: #fff;
  font-weight: bold;
}
.flatpickr-month.selected {
  background-color: #689DF0;
  color: #fff;
  font-weight: bold;
}
/* 今天日期的样式 */
.flatpickr-day.today {
  //border: 1px solid rgba(238, 113, 62, 1);
  color: rgba(238, 113, 62, 1);
}


</style>
